
<script>
     $(document).ready(function(){
  $("#hide").click(function(){
    $("#lbl2").hide();
  });
  $("#show").click(function(){
    $("#lbl2").show();
  });
         
    $("#sel1").change(function(){
         if($("#sel1 :selected").text()=="Західна Україна") { $("#lbl2").show();}
        });
 
  
  $("#sel1").change(function(){
         if($("#sel1 :selected").text()!="Західна Україна") { $("#lbl2").hide();}
        });
           
 
  $("#sel2").change(function(){
         if($("#sel2 :selected").text()=="Івано-Франківська") { $("#lbl3").show();}
        });
    
           
  $("#sel2").change(function(){
         if($("#sel2 :selected").text()!="Івано-Франківська") { $("#lbl3"). hide();}
        });
  });
  </script>
<p></p>
<form  method="post" data-abide enctype="multipart/form-data" >
    <fieldset>
                 <legend>Додавання квартири</legend> 
                <p></p>
        <div class=" large-10 large-centered medium-10 columns ">  
   <label>Регіон
        <select id="sel1" name="sel1">
            <option value="0">Пусто</option>
          <option value="Західна Україна">Західна Україна</option>
          <option value="Східна Ураїна">Східна Ураїна</option>
          <option value="Центральна Ураїна">Центральна Ураїна</option>
          <option value="Південна Україна">Південна Україна</option>
            <option value="АР Крим">АР Крим</option>
        </select>
      </label>
             
         
         <label id="lbl2" hidden="true">Область
        <select id="sel2" name="sel2">
            <option value="0">Пусто</option>
          <option value="Івано-Франківська область">Івано-Франківська</option>
          <option value="Львівська область">Львівська</option>
          <option value="Тернопільська область">Тернопільська</option>
          <option value="3">Закарпатська</option>
            <option value="Волинська область">Волинська</option>
            <option value="Чернівецька область">Чернівецька</option>
            <option value="Рівненська область">Рівненська</option>
            <option value="Хмельницька область">Хмельницька</option>
        </select>
      </label>
    
          
             <label id="lbl3" hidden >Місто
        <select name="city">
            <option value="0">Пусто</option>
          <option value="1">Івано-Франківськ</option>
          <option value="3">Коломия</option>
          <option value="6">Бурштин</option>
          <option value="2">Калуш</option>
            <option value="19">Галич</option>
            <option value="4">Надвірна</option>
            <option value="5">Долина</option>
            <option value="8">Болехів</option>
            <option value="10">Тисмениця</option>
            <option value="11">Городенка</option>
            <option value="12">Тлумач</option>
            <option value="13">Косів</option>
            <option value="14">Делятин</option>
            <option value="15">Яремче</option>
            <option value="16">Рогатин</option>
            <option value="17">Ланчин</option>
            <option value="18">Богородчани</option>
        </select>
      </label>
            </div>
        <div class=" large-10 large-centered medium-10 columns ">
     <label>Вулиця *</label>
    <input type="text" name="street" required pattern="">  <small class="error">це поле не може бути порожнім</small> </div>
   <div class=" large-10 large-centered medium-10 columns ">
        <label> Будинок * </label>
    <input type="text" name="house" required pattern=""> <small class="error">це поле не може бути порожнім</small></div>
    <div class=" large-10 large-centered medium-10 columns ">
    <label> Поверх </label>
    <input type="text" name="floor"> </div>
    <div class=" large-10 large-centered medium-10 columns ">
        <label> Номер квартири </label>
    <input type="text" name="number"> </div>
    <div class=" large-10 large-centered medium-10 columns ">
        <label> Кіл кімнат *</label>
    <input type="text" name="numberRoom" required pattern=""> <small class="error">це поле не може бути порожнім</small></div>
    <div class=" large-10 large-centered medium-10 columns ">
        <label> Площа </label>
    <input type="text" name="area" > </div>
    <div class=" large-10 large-centered medium-10 columns ">
        <label> Ціна: *</label>
    <input type="text" name="price" required pattern=""> <small class="error">це поле не може бути порожнім</small></div>
    <div class=" large-10 large-centered medium-10 columns ">
        <label> Опис </label>
    <textarea name="description"> </textarea>  </div>
    <div class=" large-10 large-centered medium-10 columns ">
       <label> Фото</label>
    <input type="file" name="photo1" /> 
    <input type="file" name="photo2" /> 
    <input type="file" name="photo3" /> </div> 
  <button type="submit" name="add" >Додати</button> 
    </form>
    <script src="public/js/foundation/foundation.js"></script>
<script src="public/js/foundation/foundation.abide.js"></script>
<script>
$(document).foundation();
</script>